.box{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.box .m-2{
  margin-top: 10px;
}
/* 顶部布局 */
.free-top{
  width: 100%;
  margin-bottom: 8px;
}
.free-top .tag-box{
  width: 68%;
  height: 100%;
  float: left;
}
.free-top .tag-box .el-tag:hover{
  cursor: pointer;
}
.free-top .login-box{
  width: 30%;
  float: right;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
/* ------------------------------- */
.box .search-box{
  width: 100%;
  margin-bottom: 8px;
}
.box .search-box .left-search{
  width: 59%;
}
.search-box .el-input__wrapper{
  padding: 0;
}

.box .search-box .right-search{
  width: 40%;
  margin-left: 13px;
}
/* 搜索框------------------------------ */
.free-box{
  width: 100%;
  height: 88%;
  display: flex;
  justify-content: space-between;
  font-family: '楷体';
}
.free-box .art-left{
  width: 59%;
  height: 100%;
  overflow-y: scroll;
}
.free-box .art-right{
  width: 40%;
  height: 100%;
  background-color:rgb(171, 177, 175);
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.card-box{
  margin-top: 6px;
  cursor: pointer;
}
.card-box:nth-child(1) {
  margin-top: 0px;
}

/* ---------------右侧详情 */
.box-card .card-header,.title-box, .right-type, .right-detail, .speak-detail{
  margin-bottom: 8px;
}
.box-card .speak-detail .detail{
  width: 100%;
  max-height: 350px;
  overflow-y: scroll;
}
.box-card .speak-detail .el-alert{
  margin-bottom: 5px;
}
.box-card .el-card__header{
  padding: 8px;
}

/* 浮窗按钮 */
.art-left .affix-box .el-button{
  border-radius: 0 20px 20px 0;
}